.tabColumn_main {
    // ! 方法一:
    // position: absolute;
    // top: 0;
    // bottom: 0;
    // left: 0;
    // z-index: -5;
    // box-sizing: border-box;
    // padding-top:100rpx ;
    // width: 100vw;
    // height: 100vh;
    // background: gold;
    //  ! 方法二:
    height: ~'calc(100vh - 100rpx)';
    // background: #ccc;
    // ? 分割-------------------------
    display: flex;
    &_left {
        width: 182rpx;
        background-color: #f3f3f3;
        &_item {
            font-size: 28rpx;
            color: #6f6f6f;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 17rpx 0 20rpx 0;
            transition: .5s all;
        }
        .active {
            color: #EA4350 ;
            position: relative;
            &::before {
                //  ! 添加 content 才会有效果
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                transform: translateY(50%);
                width: 4rpx;
                height: 43rpx;
                background: #eb4450;
            }
        }
    }
    &_right {
        width: 568rpx;
        &_title {
            width: 100%;
            height: 37rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26rpx;
            margin: 18rpx 0 21rpx 0;
            i {
            padding: 0 7rpx;
            color: #9c9c9c;
            }
        }
        &_content {
            display: flex;
            flex-wrap: wrap;
            &_item {
                width: 33%;
                display: flex;
                flex-direction: column;
                align-items: center;
                &_image {
                    width: 120rpx;
                    height: 120rpx;
                }
                &_text {
                    font-size: 21rpx;
                }
            }
        }
    }
}